{% extends "::base.html.twig" %}

{% block title %}Galerie photos - {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('/bundles/basepics/css/main.css') }}" type="text/css" media="screen" />
{% endblock %}

{% block title_page %}picture{% endblock %}

{% block content %}

<h1 class="title">Galerie photos</h1>

<ul>
    {% for album in album_list %}
        <li>
            <a href="{{ url('_basePicsShowAlbum', {'id_album': album.attributes.id, 'slug': album.slug}) }}" title="{{ album.title }}">
                <img src="http://farm{{ album.attributes.farm }}.static.flickr.com/{{ album.attributes.server }}/{{ album.attributes.primary }}_{{ album.attributes.secret }}_q.jpg" alt="{{ album.title }}" width="150" height="150" />
                <h2>{{ album.title }}</h2>
                <span>{{ album.attributes.photos }}</span>
            </a>
        </li>
    {% endfor %}
</ul>

{% endblock %}